/*
 * @Author: yangzonglong
 * @Date: 2021-07-20 10:28:39
 * @version: v1.0.0
 * @Descripttion: mobile input
 * @LastEditors: yangzonglong
 * @LastEditTime: 2023-10-19 13:45:49
 * @Auditor:
 */
import React from 'react';
import PrintItem from './../PrintItem';

const App = (props,) => {
  const { formItemProps, initialValue, textAreaProps } = props;

  const _style = formItemProps?.style || {};
  _style['flexDirection'] = 'column';
  
  return (
    <PrintItem
      labelStyle={textAreaProps?.titleFont ? { fontSize: textAreaProps.titleFont + 'px' } : {}}
      textStyle={textAreaProps?.contentFont ? {
        fontSize: textAreaProps.contentFont + 'px', display: 'flex',
        alignItems: 'center'
      } : {}}
      style={formItemProps?.style || {}}
      label={localStorage.i18nextLng === 'en' ? formItemProps?.labelEn : formItemProps?.label}>
      <pre>
        {initialValue || textAreaProps?.initialValue}
      </pre>
    </PrintItem>
  );
};

export default App;
